import React from 'react';

// 事件传递参数2
//    1. 通过自定义属性 data-xxx 存放数据。
//    2. 通过事件对象 e.target.dataset.xxx 获取数据。


// 把根组件改成类组件
class App extends React.Component{

  handleClick(e){
    const {index} = e.target.dataset;
    // 通过事件对象 e.target 获取到自定义属性的值
    console.log(index);
    console.log(typeof index);
  }

  render(){
    return (
      <div className="App">
        {/* 通过自定义属性传参 */}
        <button data-index={1} onClick={ this.handleClick } >按钮1</button>
        <button data-index={2} onClick={ this.handleClick } >按钮2</button>
      </div>
    );
  }
}

export default App;
